.dept-manage {
  display: flex;
  flex: 1;
  flex-direction: column;
  width: 100%;
  height: 100%;
  &-body{
    display: flex;
    flex: 1;
    flex-direction: column;
    height: 100%;
    // padding: 16px;
    &-box{
      flex-shrink: inherit;
    }
    &-left{
      height: 78vh;
      overflow-y: scroll;
      background-color: $white;
      border-radius: 2px;
      box-shadow: 0 2px 12px 0 $box-shadow-color;
      &-title{
        height: 58px;
        padding-left: 24px;
        line-height: 58px;
        border-bottom:1px solid $divider;
      }
      &-tree{
        padding: 24px;
        /deep/.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
          background: $tree-hover !important;
        }

        /deep/.el-tree-node__content {
          &:hover {
            background: $tree-hover !important;
          }
        }
      }
    }
    &-right{
      height: 78vh;
      overflow-y: scroll;
      background-color: $white;
      border-radius: 2px;
      box-shadow: 0 2px 12px 0 $box-shadow-color;
      &-title {
        height: 58px;
        padding-left: 24px;
        line-height: 58px;
        border-bottom: 1px solid $divider;
      }
    }
  }
}
